import styled from "@emotion/styled";

export const Row = styled.div<{
    gap ?: number | boolean
    between ?: boolean
    marginBottom ?: number
}>`
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: ${props => props.between ? 'space-between' : undefined };
  margin-bottom: ${props => props.marginBottom + 'rem'}};
> * {
  margin-top: 0 !important;
  margin-bottom: 0 !important; 
  margin-right: ${props => typeof props.gap === 'number' ? props.gap + 'rem' : props.gap ? '2rem' : '3rem'}
}
}`